<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
<!--    <meta name = "viewport" content="width=device-width,initial=scale=1.0">-->
    <title>TodoList</title>
    <link rel="stylesheet" href="sjxm.css">
</head>
<body>
<div class="main">
    <div id="myDIV" class="header">
        <h2>My To Do List</h2>
        <input type="text" id="myInput" >
        <span id="addBtn" class="addBtn">Add</span>
    </div>
<!--    <input type="radio" name="status"  checked value="全部">全部-->
<!--    <input type="radio" name="status"  value="Waiting">Waiting-->
<!--    <input type="radio" name="status"  value="Doing">Doing-->
<!--    <input type="radio" name="status"  value="Finished">Finished-->
    <ul id="radio-status">
        <li><input type="radio" name="status"   checked class="全部">全部</li>
        <li><input type="radio" name="status"  class="Waiting">Waiting</li>
        <li><input type="radio" name="status"  class="Doing">Doing</li>
        <li><input type="radio" name="status"  class="Finished">Finished</li>
    </ul>
<!--    <div id="radio-status">-->
<!--         <span class="close">x</span>-->
<!--         <span class="close">x</span>-->
<!--         <span class="close">x</span>-->
<!--         <span class="close">x</span>-->
<!--         <span class="close">x</span>-->
<!--         <span class="close">x</span>-->

<!--    </div>-->
    <ul id="myUL">
        <li>学习打代码 <span class="close">x</span></li>
        <li>学习打代码 <span class="close">x</span></li>
        <li>学习打代码 <span class="close">x</span></li>
        <li>学习打代码 <span class="close">x</span></li>
        <li>学习打代码 <span class="close">x</span></li>
        <li>学习打代码 <span class="close">x</span></li>
    </ul>
</div>
<script src="sjxm.js"></script>
</body>
</html>
